<template>
  <div id="healthScore">
    <el-container>
      <!--页面顶部雷达图及车辆选择-->
      <el-header>
        <score-radar></score-radar>
      </el-header>
      <!--页面中部图表-->
      <el-main>
        <health-charts></health-charts>
      </el-main>
      <!--页面底部列表-->
      <el-footer>
        <system-list></system-list>
      </el-footer>
    </el-container>
  </div>
</template>

<script>
import ScoreRadar from "../../components/healthmanage/ScoreRadar";
import HealthCharts from "../../components/healthmanage/HealthCharts";
import systemList from "../../components/healthmanage/systemList";

export default {
  name: "TrainScore",
  data() {
    return {

    }
  },
  components: {
    'score-radar': ScoreRadar,
    'health-charts': HealthCharts,
    'system-list': systemList
  }
}
</script>

<style scoped>
.el-header {
  height: 267px!important;
  width: 1680px;
  margin-bottom: 12px;
  padding: 0;
}
.el-main {
  height: 589px;
  width: 1680px;
  padding: 0;
  margin-bottom: 12px;
}
.el-footer {
  height: 805px!important;
  width: 1680px;
  margin-bottom: 12px;
  background-color: #13192C;
  padding: 0;
}
</style>
